<template>
  <div>
<van-nav-bar :title="title" >
      <template #left>
        <van-icon name="arrow-left" class="iconFont" @click="$router.back()" />
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      require: true
    }
  },
  data () {
    return {

    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
 .van-nav-bar{
    background-color: #21b97a;
    /deep/.van-nav-bar__title{
      font-size: 18px;
      color: #fff;
    }
      .iconFont{
      color: #fff;
      font-size: 18px;
    }
  }
</style>
